<!DOCTYPE html>
<html>
<head>
    <title> {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <hook name="before_head_end"/>
</head>
<body class="page-index">
<div class="container">
    <include file="public@nav"/>

    <div class="contents">
        <!--活动通知/公告-->
        <div class="activity forumDetail">
            <div class="activityDetail newDetail">
                <div class="title">
                    <div class="newDetailTitle">
                        <div class="title-item">{$article.post_title}</div>
                        <div class="timeDw">
                            <!--<text class="zd">热帖&nbsp;</text>-->
                            <text>发表在</text>&nbsp; <text class="zd">{$article.categories[0]['name']}</text>
                            <text class="fgx">|</text>
                            <text><i class="layui-icon layui-icon-log"></i>{$article.published_time|date="Y-m-d H:i:s"}</text>
                            <text class="fgx">|</text>


                            <!--<a href="{:url('portal/Article/doLike',array('id'=>$article['id']))}" class="js-count-btn"><i-->
                                    <!--class="fa fa-thumbs-up"></i><span class="count">{$article.post_like}</span></a>-->
                            <a href="{:url('portal/Article/doLike',['id'=>$article['id']])}"
                               class="js-count-btn"
                               data-title="{:base64_encode($article.post_title)}"
                               data-url="{:cmf_url_encode('portal/Article/index',array('id'=>$article['id']))}"
                               data-table="portal_post"
                               data-id="{$article['id']}"
                            >
                                <if condition="cmf_check_user_action($article.id)==1">
                                <svg t="1572573619288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10570" id="mx_n_1572573619289" width="30" height="30"><path d="M93.556364 569.134545c-40.843636-40.797091-70.306909-88.948364-84.154182-141.614545-13.614545-49.896727-12.846545-103.563636 5.003636-157.998545C30.301091 222.138182 58.274909 178.548364 94.021818 143.522909c35.328-34.280727 79.406545-61.765818 127.534545-76.869818 55.691636-17.92 111.127273-17.92 162.280727-4.538182 46.638545 12.334545 89.972364 35.514182 128.279273 67.281455 38.539636-31.767273 81.384727-54.946909 127.767273-67.281455 51.898182-13.381818 107.310545-12.846545 163.048727 4.538182 48.104727 15.639273 91.997091 42.589091 128.256 77.358545 35.025455 34.769455 62.254545 78.103273 78.103273 125.486545l0.279273 0c17.873455 54.434909 18.641455 108.125091 5.050182 157.998545-13.893818 52.666182-43.357091 100.817455-83.432727 141.614545l-2.513455 1.768727L539.345455 959.744c-15.104 15.639273-39.540364 15.639273-55.179636-0.744727L93.556364 569.134545z" p-id="10571" data-spm-anchor-id="a313x.7781069.0.i41" class="selected" fill="#ffffff"></path><path d="M310.365091 99.165091 310.365091 99.165091c20.619636 0 41.355636 2.699636 61.579636 7.982545 39.354182 10.402909 76.520727 29.975273 110.475636 58.112l29.602909 24.552727 29.672727-24.459636c34.420364-28.346182 71.447273-47.941818 109.800727-58.135273 20.270545-5.236364 41.029818-7.866182 61.696-7.866182 25.297455 0 50.850909 3.956364 75.333818 11.613091 40.471273 13.149091 78.661818 36.212364 109.847273 66.117818 30.254545 30.021818 53.341091 67.118545 66.769455 107.240727l2.722909 7.959273c12.125091 41.565091 12.753455 82.920727 1.722182 123.392-11.008 41.704727-34.746182 82.408727-68.770909 117.922909l-2.234182 1.559273-2.839273 2.839273L512.116364 921.157818 126.440727 536.203636c-35.770182-35.746909-60.672-77.428364-72.145455-120.925091-11.659636-42.728727-10.193455-86.900364 4.212364-130.932364 13.381818-39.819636 36.933818-77.032727 67.956364-107.403636 31.511273-30.580364 69.213091-53.341091 109.358545-65.954909C260.212364 103.144727 285.300364 99.165091 310.365091 99.165091M310.341818 52.619636c-29.090909 0-58.903273 4.445091-88.762182 14.056727-48.128 15.104-92.229818 42.589091-127.534545 76.869818-35.746909 35.025455-63.720727 78.615273-79.639273 125.998545-17.850182 54.434909-18.618182 108.125091-5.003636 157.998545 13.870545 52.666182 43.310545 100.817455 84.154182 141.614545l390.609455 389.864727c7.912727 8.285091 18.059636 12.381091 28.136727 12.381091 9.844364 0 19.572364-3.909818 27.042909-11.636364l389.329455-388.840727 2.513455-1.768727c40.075636-40.797091 69.538909-88.948364 83.432727-141.614545 13.591273-49.896727 12.823273-103.563636-5.050182-157.998545l-0.279273 0c-15.872-47.383273-43.101091-90.717091-78.103273-125.486545-36.258909-34.792727-80.128-61.719273-128.256-77.358545-30.161455-9.402182-60.253091-13.870545-89.716364-13.870545-24.971636 0-49.524364 3.211636-73.309091 9.332364-46.382545 12.334545-89.227636 35.514182-127.767273 67.281455C473.809455 97.652364 430.475636 74.472727 383.837091 62.138182 360.145455 55.924364 335.499636 52.619636 310.341818 52.619636L310.341818 52.619636z" p-id="10572" fill="#d81e06"></path></svg>
                                <else/>
                                    <svg t="1572573489655" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10146" width="30" height="30"><path d="M93.556364 569.134545c-40.843636-40.797091-70.306909-88.948364-84.154182-141.614545-13.614545-49.896727-12.846545-103.563636 5.003636-157.998545C30.301091 222.138182 58.274909 178.548364 94.021818 143.522909c35.328-34.280727 79.406545-61.765818 127.534545-76.869818 55.691636-17.92 111.127273-17.92 162.280727-4.538182 46.638545 12.334545 89.972364 35.514182 128.279273 67.281455 38.539636-31.767273 81.384727-54.946909 127.767273-67.281455 51.898182-13.381818 107.310545-12.846545 163.048727 4.538182 48.104727 15.639273 91.997091 42.589091 128.256 77.358545 35.025455 34.769455 62.254545 78.103273 78.103273 125.486545l0.279273 0c17.873455 54.434909 18.641455 108.125091 5.050182 157.998545-13.893818 52.666182-43.357091 100.817455-83.432727 141.614545l-2.513455 1.768727L539.345455 959.744c-15.104 15.639273-39.540364 15.639273-55.179636-0.744727L93.556364 569.134545z" p-id="10147" data-spm-anchor-id="a313x.7781069.0.i34" class="selected" fill="#d81e06"></path><path d="M310.365091 99.165091 310.365091 99.165091c20.619636 0 41.355636 2.699636 61.579636 7.982545 39.354182 10.402909 76.520727 29.975273 110.475636 58.112l29.602909 24.552727 29.672727-24.459636c34.420364-28.346182 71.447273-47.941818 109.800727-58.135273 20.270545-5.236364 41.029818-7.866182 61.696-7.866182 25.297455 0 50.850909 3.956364 75.333818 11.613091 40.471273 13.149091 78.661818 36.212364 109.847273 66.117818 30.254545 30.021818 53.341091 67.118545 66.769455 107.240727l2.722909 7.959273c12.125091 41.565091 12.753455 82.920727 1.722182 123.392-11.008 41.704727-34.746182 82.408727-68.770909 117.922909l-2.234182 1.559273-2.839273 2.839273L512.116364 921.157818 126.440727 536.203636c-35.770182-35.746909-60.672-77.428364-72.145455-120.925091-11.659636-42.728727-10.193455-86.900364 4.212364-130.932364 13.381818-39.819636 36.933818-77.032727 67.956364-107.403636 31.511273-30.580364 69.213091-53.341091 109.358545-65.954909C260.212364 103.144727 285.300364 99.165091 310.365091 99.165091M310.341818 52.619636c-29.090909 0-58.903273 4.445091-88.762182 14.056727-48.128 15.104-92.229818 42.589091-127.534545 76.869818-35.746909 35.025455-63.720727 78.615273-79.639273 125.998545-17.850182 54.434909-18.618182 108.125091-5.003636 157.998545 13.870545 52.666182 43.310545 100.817455 84.154182 141.614545l390.609455 389.864727c7.912727 8.285091 18.059636 12.381091 28.136727 12.381091 9.844364 0 19.572364-3.909818 27.042909-11.636364l389.329455-388.840727 2.513455-1.768727c40.075636-40.797091 69.538909-88.948364 83.432727-141.614545 13.591273-49.896727 12.823273-103.563636-5.050182-157.998545l-0.279273 0c-15.872-47.383273-43.101091-90.717091-78.103273-125.486545-36.258909-34.792727-80.128-61.719273-128.256-77.358545-30.161455-9.402182-60.253091-13.870545-89.716364-13.870545-24.971636 0-49.524364 3.211636-73.309091 9.332364-46.382545 12.334545-89.227636 35.514182-127.767273 67.281455C473.809455 97.652364 430.475636 74.472727 383.837091 62.138182 360.145455 55.924364 335.499636 52.619636 310.341818 52.619636L310.341818 52.619636z" p-id="10148" data-spm-anchor-id="a313x.7781069.0.i35" class="selected" fill="#d81e06"></path></svg>
                                </if>
                            </a>

                            <div class="rightLz">
                                <!--<text class="lz">楼主</text>-->
                                <text>浏览：{$article.post_hits}</text>
                                <text>回复：{$article.comment_count}</text>
                            </div>
                            <div style="clear: both;"></div>
                        </div>
                    </div>
                </div>
                <div class="box-cont">
                    <div class="newContent">
                        <p class="volDlSty"> {$article.post_content}
                        </p>
                    </div>
                    <div class="hfDz">
                        <!--<button type="button" class="layui-btn"><i class="layui-icon layui-icon-dialogue"></i>回复</button>-->
                        <!--<button type="button" class="layui-btn"><i class="layui-icon layui-icon-praise"></i>点赞</button>-->
                    </div>
                </div>
                <div class="huifu">

                    <php>
                        $comment_hook_param=[
                        /*你要评论内容的 id*/
                        'object_id'=>$article['id'],
                        /*你要评论内容所在表，不带表前缀*/
                        'table_name'=>'portal_post',
                        /*你要评论内容的标题或名称*/
                        'object_title'=>'我是标题',
                        /*你要评论内容的查看地址，cmf_url_encode用法和 cmf_url类似*/
                        'url'=>cmf_url_encode('portal/Article/index',array(
                        'id'=>$article['id'],
                        'cid'=>$category['id']
                        )) ,
                        'user_id'=>$article['user_id'],//5.0.180123新增
                        ];
                        $comment=hook_one('comment',$comment_hook_param);
                    </php>

                    <if condition="empty($comment) && cmf_get_current_admin_id()">
                        <div style="border: 1px dashed #ddd;min-height: 200px;padding-top: 50px;">
                            <div class="alert alert-warning" role="alert">
                                评论区<br>
                            </div>
                        </div>
                    </if>
                    {/*输出评论内容*/}
                    {$comment}

                    <!--<div class="huifuBlock">-->
                        <!--<div class="huifuTx">-->
                            <!--<img src="/html/img/logoTx.png" class="ltLogoTx">-->
                        <!--</div>-->
                        <!--<div class="huifuTitle">-->
                            <!--<div class="zyzName">牵手志愿者</div>-->
                            <!--<div class="fbTime">发表于：2019/10/16 12:00</div>-->
                        <!--</div>-->
                        <!--<div style="clear: both;"></div>-->
                        <!--<div class="ltContent">-->
                            <!--这篇文章好这个好这个好开卷考试就开始你的打开方式交电费克鲁赛德荆防颗粒时代峻峰乐山大佛技术的开发建设的考虑房价来看是打可口可乐递四方速递立方米街坊邻居十分了解对方了解多少路附近-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div id="listTwo"></div>-->
                </div>
            </div>
        </div>
        <div class="statistical forumDetailS">
            <div class="login box">
                <div class="title"><h2>作者信息</h2></div>
                <div class="box-cont">
                    <div class="txImg">
                        <img src="{$article.user.avatar|default='__STATIC__/images/head.png'}" class="txSty">
                    </div>
                    <div class="grxxCon">
                        <div>
                            <text class="indexNameSty">{$article.user.user_nickname}</text>
                            <!--<text class="hxSty">|</text>-->
                            <!--<text class="zyzlx">一般志愿者</text>-->
                        </div>
                        <!--<div style="margin-top: 20px;">-->
                            <!--<i class="layui-icon layui-icon-component"></i>-->
                            <!--牵手志愿者-->
                        <!--</div>-->
                        <div style="margin-top: 10px;">
                            <i class="layui-icon layui-icon-user"></i>
                            志愿者编号：
                            {$article.user.id}
                        </div>
                        <div style="margin-top: 10px;">
                            加入时间：{$article.create_time|date="Y-m-d H:i"}
                        </div>
                        <!--<div style="margin-top: 10px;">-->
                            <!--评定星级：-->
                            <!--<i class="layui-icon layui-icon-star-fill"></i>-->
                            <!--<i class="layui-icon layui-icon-star-fill"></i>-->
                            <!--<i class="layui-icon layui-icon-star-fill"></i>-->
                            <!--<i class="layui-icon layui-icon-star"></i>-->
                            <!--<i class="layui-icon layui-icon-star"></i>-->
                        <!--</div>-->
                        <!--<div style="margin-top: 10px;">-->
                            <!--活动时长：36小时-->
                        <!--</div>-->
                        <div style="margin-top: 15px;">
                            <a href="{:url('portal/volunt/detail',['user_id'=>$article.user.id])}">
                                <button type="button" class="layui-btn">Ta的主页</button>
                            </a>
                        </div>
                    </div>
                    <div style="clear: both;"></div>

                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>


    <include file="public@footer"/>
    <!-- /container -->
    <include file="public@scripts"/>
    <script>
        (function($){
            "use strict";
            function bind_events(){
                $('.title .title-item').off("click").on("click",function(e){
                    e.preventDefault();
                    var _index = $(this).index();
                    $(this).addClass('active').siblings().removeClass('active');
                    $('.activity .box-cont .act-forenotice').eq(_index).removeClass("hidden").siblings().addClass("hidden");
                });
                $('.tab-ctrl-item').off("click").on("click",function(e){
                    e.preventDefault();
                    var _index = $(this).index();
                    $(this).addClass('active').siblings().removeClass('active');
                    $('.rank .tab-pannel div').eq(_index).removeClass("hidden").siblings().addClass("hidden");
                });
            }
            $(function(){
                bind_events();
                $('.hdtj ul li:last').css("border","none");
                $('.zxgg ul li:last').css("border","none");
            })
        })(jQuery);

        //    layui
        layui.use(['laypage', 'layer'], function() {
            var laypage = layui.laypage
                    , layer = layui.layer;
//        分页
            laypage.render({
                elem: 'listOne'
                ,count: 100
                ,layout: ['prev', 'page', 'next', 'skip' ,'count']
                ,prev: '<em>←</em>'
                ,next: '<em>→</em>'
                ,jump: function(obj){
                    console.log(obj)
                }
            });
            laypage.render({
                elem: 'listTwo'
                ,count: 100
                ,layout: ['prev', 'page', 'next', 'skip' ,'count']
                ,prev: '<em>←</em>'
                ,next: '<em>→</em>'
                ,jump: function(obj){
                    console.log(obj)
                }
            });
        });
    </script>
    <hook name="before_body_end"/>
</body>
</html>

